diff options
| author | secondl1ght <[email protected]> | 2022-09-15 18:11:12 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-09-15 18:11:12 -0600 |
| commit | c17cf8d8c7a8ed252aa6895f03dae15a3fcd0c12 (patch) | |
| tree | 99775a842a2c8d81db01f972ac4b967970ff95d4 /src/routes/[username]/transactions | |
| parent | f8de16cd01251d608853a83a2ba7877462833d69 (diff) | |
| download | coinos-ui-c17cf8d8c7a8ed252aa6895f03dae15a3fcd0c12.tar.gz coinos-ui-c17cf8d8c7a8ed252aa6895f03dae15a3fcd0c12.zip | |
format
Diffstat (limited to 'src/routes/[username]/transactions')
| -rw-r--r-- | src/routes/[username]/transactions/[...page]/+page.svelte | 35 |
1 files changed, 20 insertions, 15 deletions
diff --git a/src/routes/[username]/transactions/[...page]/+page.svelte b/src/routes/[username]/transactions/[...page]/+page.svelte index a5209ed8..8e91a010 100644 --- a/src/routes/[username]/transactions/[...page]/+page.svelte +++ b/src/routes/[username]/transactions/[...page]/+page.svelte @@ -5,11 +5,14 @@ import { f, s } from '$lib/utils'; export let data; - let { user } = data; + let { user } = data; $newPayment = false; - let page, total, transactions = [], pages = []; - $: data && ({ page, pages, total, transactions } = data); + let page, + total, + transactions = [], + pages = []; + $: data && ({ page, pages, total, transactions } = data); </script> <AppHeader /> @@ -20,17 +23,17 @@ </h1> <div class="container w-full mx-auto flex px-10 lg:px-40 mb-8 text-right"> - <div class="ml-auto flex"> - {#if pages.length > 1} - {#each pages as _, i} - <a href={`/${user.username}/transactions/${i+1}`} class:active={page === i + 1}> - <div class="border p-4 px-6 border-r-0 last:border-r"> - {i + 1} - </div> - </a> - {/each} - {/if} - </div> + <div class="ml-auto flex"> + {#if pages.length > 1} + {#each pages as _, i} + <a href={`/${user.username}/transactions/${i + 1}`} class:active={page === i + 1}> + <div class="border p-4 px-6 border-r-0 last:border-r"> + {i + 1} + </div> + </a> + {/each} + {/if} + </div> </div> <div class="container w-full mx-auto md:text-lg px-10 lg:px-40"> @@ -74,5 +77,7 @@ </div> <style> - .active { @apply font-bold; } + .active { + @apply font-bold; + } </style> |